body {
    /*margin:0 auto;*/

}
.el-row {
    /*width: 100%;*/
    margin: 0.2rem 0.1rem 0rem 0.2rem;



    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    &:last-child {
        margin-bottom: 0;
    }
}
.el-col {
    border-radius: 0.10rem;
    margin-bottom: 0.1rem;
    /*background: rgba(36, 40, 51, 1);*/
}

.el-row .el-card{
    width: 3rem;
    height: 1.77rem;
    background: rgba(36, 40, 51, 1);
    border: 1px solid rgba(36, 40, 51, 1);
    border-radius: 0.10rem;

}
.card-fog{
    width: 3rem;
    height: 1.77rem;
    background: rgba(242, 243, 246, 0.5);
    border: 1px solid rgba(242, 243, 246, 0.5);
    border-radius: 0.10rem;
    position: absolute;
}

.el-card .el-card__header {
    height: 0.4rem;
    padding: 0.1rem 0.1rem;
    border-bottom: 0px rgba(36, 40, 51, 1);
    box-sizing: border-box;
}
.el-card .clearfix{
    /*display: flex;*/
    height: 0.3rem;
}
.el-card .clearfix .clearfix-span{
    display: inline-block;
    width: 0.8rem;
    height: 0.3rem;
    background: rgba(0, 151, 149, 1);

    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.3rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.el-card .clearfix  .el-button{
    /*display: block;*/
    width: 0.8rem;
    height: 0.3rem;
    /*background: rgb(255, 255, 255);*/

    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.3rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    float:right;
    position: relative;
    z-index: 99;
}

.el-card .el-card__body{
    padding: 0.1rem ;

}
.el-card__body{
    width: 100%;
    height: 100%
}
.item-box {
    width: 1.38rem;
    height: 0.46rem;
    background: rgba(176,184,205,0.06);
    border-radius: 2px 0px 0px 0px;
    border: 1px solid #009795;
    float: left;
    margin-bottom:0.03rem;
}

.item-box span{
line-height: 0.46rem;
}
.color-icon{

    width: 0.06rem;
    height: 100%;
    float: left;
    margin-right: 0.03rem;
}
.color-text{
    font-size: 0.16rem;
}
.color-value{
    font-size: 0.24rem;
    float: right;
    margin-right: 0.05rem;
}
.text {
}


.item-box2 {
    /*display: flex;*/
    /*justify-content: center;*/
    align-items: center;
    width: 2.6rem;
    height: 0.2rem;
    float: left;
}

.item-img{
    width: 0.2rem;
    height: 0.2rem;
    float: left;

}
.item-time{
    width: 2.3rem;
    height:0.2rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.16rem;
    color: #009795;
    line-height: 0.2rem;
    /*text-align: left;*/
    /*font-style: normal;*/
    /*text-transform: none;*/
    float: left;
    margin-left: 0.05rem;

}



.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both
}
.item-bottom{
    width: 100%;
    position: absolute;
    bottom: 0.07rem;
}

.el-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.07rem;
    margin-top: 0.07rem;
    /*position: absolute;*/
    bottom: 1px;

}
.el-pager{
}
.el-pager li{
     width: 0.1rem;
     height: 0.1rem;
     border-radius: 50%;
     background-color: rgba(0, 124, 211, 0.3);
     font-size:0px;
     margin: 0 0.05rem;
     cursor: pointer;
     min-width:0px;
    padding:0
 }

.el-pagination .active{
    background-color: rgb(16, 150, 244);

}